<!DOCTYPE html>
<html lang="en" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>Blog | PaperMod</title>
<meta name="keywords" content="" />
<meta name="description" content="Blog - PaperMod">
<meta name="author" content="DevCows">
<link rel="canonical" href="http://localhost/blog/" />
<link crossorigin="anonymous" href="/assets/css/stylesheet.min.c88963fe2d79462000fd0fb1b3737783c32855d340583e4523343f8735c787f0.css" integrity="sha256-yIlj/i15RiAA/Q&#43;xs3N3g8MoVdNAWD5FIzQ/hzXHh/A=" rel="preload stylesheet" as="style">
<link rel="icon" href="http://localhost/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="http://localhost/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://localhost/favicon-32x32.png">
<link rel="apple-touch-icon" href="http://localhost/apple-touch-icon.png">
<link rel="mask-icon" href="http://localhost/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.103.1" />
<link rel="alternate" type="application/rss+xml" href="http://localhost/blog/index.xml">
<noscript>
    <style>
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: rgb(29, 30, 32);
                --entry: rgb(46, 46, 51);
                --primary: rgb(218, 218, 219);
                --secondary: rgb(155, 156, 157);
                --tertiary: rgb(65, 66, 68);
                --content: rgb(196, 196, 197);
                --hljs-bg: rgb(46, 46, 51);
                --code-bg: rgb(55, 56, 62);
                --border: rgb(51, 51, 51);
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }

    </style>
</noscript><meta property="og:title" content="Blog" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost/blog/" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Blog"/>
<meta name="twitter:description" content=""/>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [, 
    {
      "@type": "ListItem",
      "position":  2 ,
      "name": "Blog",
      "item": "http://localhost/blog/"
    }
  ]
}
</script>
</head>

<body class="list" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>

<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="http://localhost" accesskey="h" title="PaperMod (Alt + H)">PaperMod</a>
            <span class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
            </span>
        </div>
        <ul id="menu">
            <li>
                <a href="http://localhost/" title="Home">
                    <span>Home</span>
                </a>
            </li>
            <li>
                <a href="http://localhost/img/template-easy-customize.png" title="Features">
                    <span>Features</span>
                </a>
            </li>
            <li>
                <a href="http://localhost/img/template-homepage.png" title="Portfolio">
                    <span>Portfolio</span>
                </a>
            </li>
            <li>
                <a href="http://localhost" title="All Pages">
                    <span>All Pages</span>
                </a>
            </li>
            <li>
                <a href="http://localhost/blog/" title="Blog">
                    <span class="active">Blog</span>
                </a>
            </li>
            <li>
                <a href="http://localhost/faq/" title="FAQ">
                    <span>FAQ</span>
                </a>
            </li>
            <li>
                <a href="http://localhost/contact/" title="Contact">
                    <span>Contact</span>
                </a>
            </li>
        </ul>
    </nav>
</header>
<main class="main"> 
<header class="page-header">
  <h1>Blog</h1>
</header>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Categories Post
    </h2>
  </header>
  <section class="entry-content">
    <p>I’m a post with multiple categories in the frontmatter:
categories = [&#34;programming&#34;,&#34;lorem&#34;,&#34;pseudo&#34;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mauris nulla, vestibulum vel auctor sed, posuere eu lorem. Aliquam consequat augue ut accumsan mollis. Suspendisse malesuada sodales tincidunt. Vivamus sed erat ac augue bibendum porta sed id ipsum. Ut mollis mauris eget ligula sagittis cursus. Aliquam id pharetra tellus. Pellentesque sed tempus risus. Proin id hendrerit ante. Vestibulum vitae urna ut mauris ultricies dignissim....</p>
  </section>
  <footer class="entry-footer"><span title='2021-08-01 21:29:20 +0200 +0200'>August 1, 2021</span>&nbsp;·&nbsp;DevCows</footer>
  <a class="entry-link" aria-label="post link to Categories Post" href="http://localhost/blog/2021/08/01/categories-post/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Linked post
    </h2>
  </header>
  <section class="entry-content">
    <p>I’m a linked post in the menu. You can add other posts by adding the following line to the frontmatter:
menu = &#34;main&#34;Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mauris nulla, vestibulum vel auctor sed, posuere eu lorem. Aliquam consequat augue ut accumsan mollis. Suspendisse malesuada sodales tincidunt. Vivamus sed erat ac augue bibendum porta sed id ipsum. Ut mollis mauris eget ligula sagittis cursus. Aliquam id pharetra tellus....</p>
  </section>
  <footer class="entry-footer"><span title='2015-10-02 21:49:20 +0200 +0200'>October 2, 2015</span>&nbsp;·&nbsp;DevCows</footer>
  <a class="entry-link" aria-label="post link to Linked post" href="http://localhost/blog/2015/10/02/linked-post/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Go is for lovers
    </h2>
  </header>
  <section class="entry-content">
    <p>Hugo uses the excellent go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in go templates.
This document is a brief primer on using go templates....</p>
  </section>
  <footer class="entry-footer"><span title='2015-09-17 13:47:08 +0200 +0200'>September 17, 2015</span>&nbsp;·&nbsp;DevCows</footer>
  <a class="entry-link" aria-label="post link to Go is for lovers" href="http://localhost/blog/2015/09/17/go-is-for-lovers/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Hugo is for lovers
    </h2>
  </header>
  <section class="entry-content">
    <p>This is the summary Goto hugo releases and download the appropriate version for your os and architecture. Save it somewhere specific as we will be using it in the next step. More complete instructions are available at installing hugo</p>
  </section>
  <footer class="entry-footer"><span title='2015-08-03 13:39:46 +0200 +0200'>August 3, 2015</span>&nbsp;·&nbsp;DevCows</footer>
  <a class="entry-link" aria-label="post link to Hugo is for lovers" href="http://localhost/blog/2015/08/03/hugo-is-for-lovers/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Creating a new theme
    </h2>
  </header>
  <section class="entry-content">
    <p>Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I’ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won’t cover using CSS to style your theme.
We’ll start with creating a new site with a very basic template....</p>
  </section>
  <footer class="entry-footer"><span title='2015-06-24 13:50:46 +0200 +0200'>June 24, 2015</span>&nbsp;·&nbsp;DevCows</footer>
  <a class="entry-link" aria-label="post link to Creating a new theme" href="http://localhost/blog/2015/06/24/creating-a-new-theme/"></a>
</article>

<article class="post-entry"> 
  <header class="entry-header">
    <h2>Migrate from Jekyll
    </h2>
  </header>
  <section class="entry-content">
    <p>Move static content to static Jekyll has a rule that any directory not starting with _ will be copied as-is to the _site output. Hugo keeps all static content under static. You should therefore move it all there. With Jekyll, something that looked like
▾ &lt;root&gt;/▾ images/logo.pngshould become
▾ &lt;root&gt;/▾ static/▾ images/logo.pngAdditionally, you’ll want any files that should reside at the root (such as CNAME) to be moved to static....</p>
  </section>
  <footer class="entry-footer">DevCows</footer>
  <a class="entry-link" aria-label="post link to Migrate from Jekyll" href="http://localhost/blog/1/01/01/migrate-from-jekyll/"></a>
</article>
    </main>
    
<footer class="footer">
    <span>&copy; 2022 <a href="http://localhost">PaperMod</a></span>
    <span>
        Powered by
        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
        <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a>
    </span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)" class="top-link" id="top-link" accesskey="g">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
        <path d="M12 6H0l6-6z" />
    </svg>
</a>

<script>
    let menu = document.getElementById('menu')
    if (menu) {
        menu.scrollLeft = localStorage.getItem("menu-scroll-position");
        menu.onscroll = function () {
            localStorage.setItem("menu-scroll-position", menu.scrollLeft);
        }
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>
</body>

</html>
